<template>
  <div id="app">
  	
  	<v-main></v-main>
   <v-footer></v-footer>
   
  </div>
</template>

<script>
import "./assets/reset.css";
import "./assets/flexible.js";
	
import vFooter from './components/footer';
import vMain from './components/content'

export default {
  name: 'app',
  components: {
    vFooter,
    vMain
  }
}
</script>

<style>
.footer {
			display: flex;
			justify-content: space-around;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			height: 125px;
			align-items: center;
			width: 100%;
			border-top: 1px solid silver;
		}
		.footer a {
			text-align: center;
			font-size: 24px;
		}
</style>
